.imagebanner {
  width: 360px;
  padding: 40px 16px;
  background: var(--color-surface-general-1, white);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.ibd-main-button-primary-negative-new {
    background-color: var(--Color-Button-Background-Active-1-Inverse);
    color: var(--Color-Button-Content-Active-1-Inverse);
}

.ibd-main-button-primary-negative-new:hover {
    background-color: var(--Color-Button-Background-Hover-1-Inverse);
    color: var(--Color-Button-Content-Hover-1-Inverse);
}

.ibd-main-button-primary-negative-new:active {
    background-color: var(--Color-Button-Background-Pressed-1-Inverse);
    color: var(--Color-Button-Content-Pressed-1-Inverse);
    border: var(--border-width-l) solid var(--Color-Button-Border-Pressed);
}

.ibd-main-button-primary-negative-new:focus {
    background-color: var(--Color-Button-Background-Active-1-Inverse);
    color: var(--Color-Button-Content-Active-1-Inverse);
    outline: none;
}

.ibd-main-button-primary-negative-new:focus-visible {
    background-color: var(--Color-Button-Background-Active-1-Inverse);
    color: var(--Color-Button-Content-Pressed-1-Inverse);
    outline: var(--border-width-xl) solid var(--Color-Sky-30); 
    outline-offset: 2px;
}

.ibd-main-button-primary-negative-new:disabled {
    background-color: var(--Color-Button-Background-Disabled);
    color: var(--Color-Button-Content-Disabled-1);
    cursor: not-allowed;
}

.banner-performance {
  align-self: stretch;
  background: var(--Color-Surface-General-Inverse, #00402A);
  overflow: hidden;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
  height: 100%;
  padding: 24px;
}

.imagecontainer {
  align-self: stretch;
  height: 240px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.image {
  align-self: stretch;
  flex: 1 1 0;
  background-image: url('/ibdmedia/negocios/eficiencia/descarbonizacion/distributiva descarbonizacion/img/modulo_huella_360.webp');
  background-repeat: no-repeat;
  background-size: cover;
}

.textbutton {
  align-self: stretch;
  /* padding: 0 24px; */
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
}

.titlebody {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  /* width: 43px; */
}

.titlebody div {
  text-align: center;
  color: var(--Color-Content-General-Inverse, #FFF);
}

.buttonmain {
  height: 56px;
  max-width: 215px;
  min-width: 215px;
  width: 215px;
  height: 56px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.buttoncontainer {
  flex: 1 1 0;
  border-radius: var(--border-radius-xl, 100px);
  background: var(--Color-Button-Background-Active-1-Inverse, #FFFAF6);
  border-radius: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.label {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--Color-Button-Background-Active-1-Inverse, #FFFAF6);
  width: 215px;
  height: 56px;
}

.buttontext {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: var(--size-font-100);
  font-family: var(--font-family-2);
  font-weight: var(--font-weight-smbold);
  color: var(--Color-Button-Content-Active-1-Inverse, #2F6852);
  text-align: center;
}

#miIberdrolaIconos img {
  height: 40px;
  width: 288px;
}

/* Media Queries */
@media (min-width: 576px) {
  .imagebanner {
    width: 576px;
    padding: 40px 42px;
  }

  .banner-performance {
    /* height: 616px; */
  }

  .imagecontainer {
    height: 300px;
  }

  .image {
    background-image: url('/ibdmedia/negocios/eficiencia/descarbonizacion/distributiva descarbonizacion/img/modulo_huella_576.webp');
  }

  .titlebody div {
    text-align: center;
  }

  .title-m {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 768px) {
  .imagebanner {
    width: 768px;
    padding: 40px 48px;
  }

  .banner-performance {
    /* height: 676px; */
    padding: 32px;
  }

  .imagecontainer {
    height: 300px;
  }

  .image {
    background-image: url('/ibdmedia/negocios/eficiencia/descarbonizacion/distributiva descarbonizacion/img/modulo_huella_768.webp');
  }

  .titlebody div {
    width: 608px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 992px) {
  .imagebanner {
    width: 992px;
    padding: 40px 82px;
  }

  .banner-performance {
    flex-direction: row;
    /* padding-bottom: 0; */
    /* height: 452px; */
    /* width: 828px; */
    gap: 24px;
  }

  .imagecontainer,
  .image {
    width: 299px;
    height: 230px;
  }

  .image {
    background-image: url('/ibdmedia/negocios/eficiencia/descarbonizacion/distributiva descarbonizacion/img/modulo_huella_992.webp');
  }

  .titlebody div {
    text-align: left;
    width: 425px;
  }

  .buttonmain {
    max-width: 200px;
  }

  .textbutton {
    justify-content: center;
    align-items: flex-start;
    /* width: 100px; */
    /* overflow-wrap: break-word; */
    /* word-wrap: break-word; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
  }

  #miIberdrolaIconos img {
    height: 52px;
    width: 205px;
  }
}

@media (min-width: 1200px) {
  .imagebanner {
    width: 1200px;
    padding: 40px 102px;
  }

  .banner-performance {
    width: auto;
    /* height: 388px; */
    padding: 32px 48px;
  }

  .imagecontainer,
  .image {
    width: 353px;
    height: 230px;
  }

  .image {
    background-image: url('/ibdmedia/negocios/eficiencia/descarbonizacion/distributiva descarbonizacion/img/modulo_huella_1200.webp');
  }

  a.label {
    margin-bottom: 0;
  }

  .titlebody div {
    width: 510px;
  }
}

@media (min-width: 1920px) {
  .banner-performance {
    /* width: 1272px; */
    /* height: 388px; */
    padding: 32px 64px;
  }

  .imagebanner {
    width: 1920px;
    padding: 40px 324px;
  }

  .imagecontainer,
  .image {
    width: 452px;
    height: 230px;
  }

  .image {
    background-image: url('/ibdmedia/negocios/eficiencia/descarbonizacion/distributiva descarbonizacion/img/modulo_huella_1920.webp');

  }

  .titlebody div {
    width: 652px;
  }
}